import { Component } from "react"

class Home extends Component {
    constructor(props) {
        super(props);
        this.state = {
            title: "首页112",
            count: 0
        }
    }
    componentDidMount() {
        this.setState({ count: this.state.count+1 })//异步
        console.log(this.state.count)//0 
        this.setState({ count: this.state.count + 1 })//异步 两次 setState 时，获取到 this.state.count 都是 0，所以执行时都是将 0 设置成 1，在 react 内部会被合并掉，只执行一次。设置完成后 state.count 值为 1。
        console.log(this.state.count)//0
        setTimeout(() => {
            this.setState({ count: this.state.count + 1 })//同步
            console.log(this.state.count)//2
            this.setState({ count: this.state.count + 1 })//同步
            console.log(this.state.count)//3
        })

    }
    render() {
        return (
            <div>
                <h2>{this.state.title}</h2>
                <div>{this.state.count}</div>
            </div>
        )
    }

}

export default Home;